<template>  
  <div class="page-navbar">
    <mt-navbar class="page-part" v-model="selected">  
      <mt-tab-item id="1">个人图片</mt-tab-item>  
      <mt-tab-item id="2">我的收藏</mt-tab-item>  
    </mt-navbar>  
    <mt-tab-container style="margin-top: 10px;" v-model="selected">  
      <mt-tab-container-item id="1">  
		<piclist></piclist>
      </mt-tab-container-item>  
      <mt-tab-container-item id="2">  
        <img src="../../assets/1.jpg"/>
		<img src="../../assets/4.jpg"/>
      </mt-tab-container-item>   
    </mt-tab-container>  
  </div>  
</template>  
  
<script>  
import piclist from '../public/piclist.vue'
export default {  
  name: 'Navbar',  
  components: {piclist},
  data() {  
    return {  
      selected: '1'
    };  
  }  
};  

</script>  
<style type="text/css">
.mint-navbar .mint-tab-item.is-selected{
	color: #007AFF;
}
a{
	color: #000000;
}
img{
	width: 50%;
	height: 207px;
}
</style>